<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="<!--{eval echo register_static('img/touch-icon-57x57.png');}-->">
    <title>粉粉管理系统</title>

    <!-- Bootstrap core CSS -->
    <link href="<!--{eval echo register_static('css/bootstrap.min.css');}-->" rel="stylesheet">
    <link href="<!--{eval echo register_static('css/bootstrap-reset.css');}-->" rel="stylesheet">
    <!--Animation css-->
    <link href="<!--{eval echo register_static('css/animate.css');}-->" rel="stylesheet">
    <!--Icon-fonts css-->
    <link href="<!--{eval echo register_static('assets/font-awesome/css/font-awesome.css');}-->" rel="stylesheet" />
    <link href="<!--{eval echo register_static('assets/ionicon/css/ionicons.min.css');}-->" rel="stylesheet" />
    <link href="<!--{eval echo register_static('assets/sweet-alert/sweet-alert.min.css');}-->" rel="stylesheet">
    <!-- Plugins css -->
    <link href="<!--{eval echo register_static('assets/modal-effect/css/component.css');}-->" rel="stylesheet">
    <!-- DataTables -->
    <link rel="stylesheet" href="<!--{eval echo register_static('assets/datatables/jquery.dataTables.min.css" rel="stylesheet');}-->" />
    <!-- Custom styles for this template -->
    <link href="<!--{eval echo register_static('css/style.css');}-->" rel="stylesheet">
    <link href="<!--{eval echo register_static('css/helper.css');}-->" rel="stylesheet">
    <!-- My styles for this template -->
    <link href="<!--{eval echo register_static('css/common.css');}-->" rel="stylesheet"></head>

<body>

    <!-- Aside Start-->
    <!--{template admin_v2/leftside}-->
    <!-- Aside Ends-->

    <!--Main Content Start -->
    <section class="content">

        <!-- Header -->
        <!--{template admin_v2/header}-->
        <!-- Header Ends -->

        <!-- Page Content Start -->
        <!-- ================== -->

        <div class="wraper container-fluid user-list">

            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">用户列表</h3>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                	<form class="form-inline" role="form">
                                        <select class="form-control" name="type">
                                            <option>用户UID</option>
                                            <option>手机号 +86</option>
                                            <option>用户登陆账号</option>
                                        </select>
                                        <div class="form-group m-l-10">
                                            <label class="sr-only" for="inputYourText">根据条件输入信息</label>
                                            <input type="text" name="info" class="form-control" id="inputYourText" placeholder="根据条件输入信息"></div>
                                        <button type="submit" class="btn btn-success m-l-10">点击搜索</button>
                                    </form>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <table id="datatable" class="table table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>昵称</th>
                                                <th>认证</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <!--{loop $users $user}-->
                                            <tr>
                                                <td>
                                                	<a href="#"><img src="{$user['avatar']}" class="thumb br-radius" alt="member" width="20px" height="20px"></a>
                                                    <a target="_blank" class="username" href="#">{$user['nickname']}</a>
                                                    <blockquote>
                                                        <p class="signature"> <i class="fa fa-pencil">签名:</i>
                                                            <!--{if {$user['signature']}}-->
                                                            {$user['signature']}
                                                            <!--{else}-->暂无签名<!--{/if}-->
                                                        </p>
                                                     </blockquote>
                                                      </td>
                                                      <td>
                                                      	<blockquote>
                                                              <span class="label label-success"> <i class="fa fa-user"></i> {$user['uid']}</span>&nbsp;
                                                              <span class="label label-primary">
                                                                  <!--{if $user['user']['sex'] == 0}-->
                                                                  <i class="ion-female"></i> 未认证女生
                                                                  <!--{elseif $user['user']['sex'] == 1}-->
                                                                  <i class="ion-male"></i>  男生
                                                                  <!--{elseif $user['user']['sex'] == 2}-->
                                                                  <i class="fa fa-question"></i> 保密
                                                                  <!--{elseif $user['user']['sex'] == 3}-->
                                                                  <i class="ion-woman"></i> 认证女生
                                                                  <!--{/if}--> </span>
                                                              &nbsp;
                                                              <!--{if $user['user']['is_ability']}-->
                                                              <span class="label label-purple">
                                                                  <i class="fa fa-check"></i> 达人
                                                              </span>&nbsp;
                                                              <!--{else}-->
                                                              <span class="label label-purple">
                                                                  <i class="fa fa-remove"></i> 达人
                                                              </span>&nbsp;
                                                              <!--{/if}-->
                                                              <!--{if $user['user']['verified']}-->
                                                              <span class="label label-pink">
                                                                  <i class="fa fa-check"></i> 大V
                                                              </span>
                                                              <!--{else}-->
                                                              <span class="label label-pink">
                                                                  <i class="fa fa-remove"></i> 大V
                                                              </span>
                                                              <!--{/if}-->
                                                              &nbsp;
                                                              <span class="label bg-warning inline">管理员</span>
                                                          </blockquote>
                                                      </td>
                                                      <td data-uid="{$user['uid']}">
                                                      	<a href="#" class="on-default edit-row btn btn-default btn-sm userinfo" data-toggle="modal" data-target="#con-close-modal">预览/编辑</a>
                                                      </td>
                                                  </tr>
                                                  <!--{/loop}--> </tbody>
                                            </table>
                                            <!--{if $pageUrl}-->
                                            <ul class="pager">
                                                <li>
                                                    <a href="{$pageUrl['prev']}">
                                                        <i class="fa fa-angle-double-left"></i> 上一页
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="{$pageUrl['first']}">
                                                        <i class="fa"></i> 第一页
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="{$pageUrl['next']}"> 下一页
                                                        <i class="fa fa-angle-double-right"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                            <!--{/if}--> </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- Page Content Ends -->
                <!-- ================== -->

                <div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;"></div>
                <!-- /.modal -->

                <!-- Footer Start -->
                <!--{template admin_v2/footer}-->
                <!-- Footer Ends --> </section>
            <!-- Main Content Ends -->

            <!-- js placed at the end of the document so the pages load faster -->
            <script src="<!--{eval echo register_static('js/jquery.js');}-->"></script>
            <script src="<!--{eval echo register_static('js/bootstrap.min.js');}-->"></script>
            <script src="<!--{eval echo register_static('js/pace.min.js');}-->"></script>
            <script src="<!--{eval echo register_static('js/wow.min.js');}-->"></script>
            <script src="<!--{eval echo register_static('js/jquery.nicescroll.js');}-->" type="text/javascript"></script>

            <script src="<!--{eval echo register_static('js/jquery.app.js');}-->"></script>

            <script src="<!--{eval echo register_static('assets/datatables/jquery.dataTables.min.js');}-->"></script>
            <script src="<!--{eval echo register_static('assets/datatables/dataTables.bootstrap.js');}-->"></script>
            <script src="<!--{eval echo register_static('assets/sweet-alert/sweet-alert.min.js');}-->"></script>
            <script src="<!--{eval echo register_static('assets/sweet-alert/sweet-alert.init.js');}-->"></script>

            <!-- Modal-Effect -->
            <script src="<!--{eval echo register_static('assets/modal-effect/js/classie.js');}-->"></script>
            <script src="<!--{eval echo register_static('assets/modal-effect/js/modalEffects.js');}-->"></script>

            <script type="text/javascript">
            $(document).ready(function() {
                // 设置table配置
                $('#datatable').dataTable({
                    "iDisplayLength": 50,
                    "aLengthMenu": [10, 20, 50, 100],
                    "searching": false,
                    "bLengthChange" : false,
                    "bSort" : false,
                    "bPaginate": false
                });
                
                // 刷新当前页面
                function refresh(){
                    setInterval(window.location.reload(),5000);
                }
            } );
            
         	// 获取用户信息
            $(".userinfo").click(function() {
            	var user = $(this).parent().data();
            	var uid   = user.uid;

        		$.ajax(
    		            {
    		                url     :   "admin.php?ac=user_class&op=getUserInfo",
    		                type    :   "POST",
    		                data    :   {uid : uid},
    		                success :   function(data)
    		                            {
    		                				$("#con-close-modal").empty();
    		                				$("#con-close-modal").append(data); 
    		                            }
    		            });
       		});
        </script>
</body>
        </html>